{%extends 'proyecto/base_related_objects.html'%}

{% block css-javascript-agregados %}
{% endblock %}


{%block heading_content%}Publicaciones{% endblock %}


{% block content %}

	<span id="filtrar" class="icono-buscar" ></span>
	<center><div id="filtro" class="busqueda-head ui-corner-all ui-state-default">
		<h1>Filtro:</h1>
		<div id="form">
		</div>
	</div></center>
	
<div id="info_pa_filtrar">
    <h5 id="libros" style="cursor:pointer;clear: both;"><span class="ui-icon ui-icon-circle-triangle-s" style="float:left; margin-top:2px;"></span>Libros</h5>	
    	<div id="books_container" class="pub_container" >
   			{{book.anho}} {% for book in books %}
				<div class="publi_iz" onclick="location.href='/comunidadcyt/publicaciones/ver/libro/{{book.id}}/'">&nbsp;&nbsp;</div>
				<div class="publi_de">
					{{book.anho}}&nbsp;-
					{% for author in book.autores.all %}
						{% if author.tipo == "interno" %}
							<a href="/comunidadcyt/accounts/profileSummary/{{author.autor_interno.id}}/">{{author}}</a>{%if not forloop.last%},{%endif%}
						{% else %}
							{{author}}{%if not forloop.last%},{%endif%}
						{% endif %}
					{% endfor %}
					<br>
					<a class="titulo" href="/comunidadcyt/publicaciones/ver/libro/{{book.id}}/">{{book.publicacion}}</a>
				</div>
				<div class="publi_ma">&nbsp;&nbsp;</div>
      		{% empty %}
				<em>No se han publicado Libros.</em>
      		{% endfor %}
    	</div>
    <h5 id="revistas" style="cursor:pointer;clear: both;"><span class="ui-icon ui-icon-circle-triangle-s" style="float:left; margin-top:2px;"></span>Revistas</h5>
    	<div id="magazines_container" class="pub_container" >
      		{% for magazine in magazines %}	
				<div class="publi_iz" onclick="location.href='/comunidadcyt/publicaciones/ver/revista/{{magazine.id}}/'">&nbsp;&nbsp;</div>
				<div class="publi_de">
					{{magazine.anho}}&nbsp;-
					{% for author in magazine.autores.all %}
						{% if author.tipo == "interno" %}
							<a href="/comunidadcyt/accounts/profileSummary/{{author.autor_interno.id}}/">{{author}}</a>{%if not forloop.last%},{%endif%}
						{% else %}
							{{author}}{%if not forloop.last%},{%endif%}
						{% endif %}
					{% endfor %}
					<br>
					<a class="titulo" href="/comunidadcyt/publicaciones/ver/revista/{{magazine.id}}/">{{magazine.publicacion}}</a>
				</div>
				<div class="publi_ma">&nbsp;&nbsp;</div>
      		{% empty %}
        			<em>No se han publicado revistas.</em>  
      		{% endfor %}
    	</div>
    <h5 id="tesis" style="cursor:pointer;clear: both;"><span class="ui-icon ui-icon-circle-triangle-s" style="float:left; margin-top:2px;"></span>Tesis</h5>
    	<div id="tesis_container" class="pub_container" >
      		{% for tes in tesis %}
				<div class="publi_iz" onclick="location.href='/comunidadcyt/publicaciones/ver/tesis/{{tes.id}}/'">&nbsp;&nbsp;</div>
				<div class="publi_de">
					{{tes.fecha.year}}&nbsp;-
					{% for author in tes.autores.all %}
						{% if author.tipo == "interno" %}
							<a href="/comunidadcyt/accounts/profileSummary/{{author.autor_interno.id}}/">{{author}}</a>{%if not forloop.last%},{%endif%}
						{% else %}
							{{author}}{%if not forloop.last%},{%endif%}
						{% endif %}
					{% endfor %}
					<br>
					<a class="titulo" href="/comunidadcyt/publicaciones/ver/tesis/{{tes.id}}/">{{tes.publicacion}}</a>
				</div>
				<div class="publi_ma">&nbsp;&nbsp;</div>
      		{% empty %}
        			<em>No se han publicado tesis.</em>  
      		{% endfor %}
    	</div>
    <h5 id="papers" style="cursor:pointer;clear: both;"><span class="ui-icon ui-icon-circle-triangle-s" style="float:left; margin-top:2px;"></span>Papers</h5>
    	<div id="papers_container" class="pub_container" >
      		{% for paper in papers %}
				<div class="publi_iz" onclick="location.href='/comunidadcyt/publicaciones/ver/paper/{{paper.id}}/'">&nbsp;&nbsp;</div>
				<div class="publi_de">
					{{paper.anho}}&nbsp;-
					{% for author in paper.autores.all %}
						{% if author.tipo == "interno" %}
							<a href="/comunidadcyt/accounts/profileSummary/{{author.autor_interno.id}}/">{{author}}</a>{%if not forloop.last%},{%endif%}
						{% else %}
							{{author}}{%if not forloop.last%},{%endif%}
						{% endif %}
					{% endfor %}
					<br>
					<a class="titulo" href="/comunidadcyt/publicaciones/ver/paper/{{paper.id}}/">{{paper.publicacion}}</a>
				</div>
				<div class="publi_ma">&nbsp;&nbsp;</div>
      		{% empty %}
        			<em>No se han publicado papers.</em>  
      		{% endfor %}
    	</div>
    <h5 id="reportes" style="cursor:pointer;clear: both;"><span class="ui-icon ui-icon-circle-triangle-s" style="float:left; margin-top:2px;"></span>Reportes Tecnicos</h5>
    	<div id="reports_container" class="pub_container" >
      		{% for report in reports %}
				<div class="publi_iz" onclick="location.href='/comunidadcyt/publicaciones/ver/reporte/{{report.id}}/'">&nbsp;&nbsp;</div>
				<div class="publi_de">
					{{report.fecha.year}}&nbsp;-
					{% for author in report.autores.all %}
						{% if author.tipo == "interno" %}
							<a href="/comunidadcyt/accounts/profileSummary/{{author.autor_interno.id}}/">{{author}}</a>{%if not forloop.last%},{%endif%}
						{% else %}
							{{author}}{%if not forloop.last%},{%endif%}
						{% endif %}
					{% endfor %}
					<br>
					<a class="titulo" href="/comunidadcyt/publicaciones/ver/reporte/{{report.id}}/">{{report.publicacion}}</a>
				</div>
				<div class="publi_ma">&nbsp;&nbsp;</div>
      		{% empty %}
				<em>No se han publicado reportes técnicos.</em>
      		{% endfor %}
    	</div>
    <h5 id="conferencias" style="cursor:pointer;clear: both;"><span class="ui-icon ui-icon-circle-triangle-s" style="float:left; margin-top:2px;"></span>Conferencias</h5>
    	<div id="conferences_container" class="pub_container" >
      		{% for conference in conferences %}
				<div class="publi_iz" onclick="location.href='/comunidadcyt/publicaciones/ver/conferencia/{{conference.id}}/'">&nbsp;&nbsp;</div>
				<div class="publi_de">
					{{conference.fecha.year}}&nbsp;-
					{% for author in conference.autores.all %}
						{% if author.tipo == "interno" %}
							<a href="/comunidadcyt/accounts/profileSummary/{{author.autor_interno.id}}/">{{author}}</a>{%if not forloop.last%},{%endif%}
						{% else %}
							{{author}}{%if not forloop.last%},{%endif%}
						{% endif %}
					{% endfor %}
					<br>
					<a {{book.anho}}class="titulo" href="/comunidadcyt/publicaciones/ver/conferencia/{{conference.id}}/">{{conference.publicacion}}</a>
				</div>
				<div class="publi_ma">&nbsp;&nbsp;</div>
	      	{% empty %}
					<em>No se han publicado conferencias.</em>
	    	{% endfor %}
	    </div>
	    
	    <div style="clear:both;"></div> <!-- ES NECESARIO PARA QUE LOS ULTIMOS BOTONES QUEDEN DENTRO DEL
	    									 DIV DE CONTENIDO Y NO SE ROMPA LA ESTRUTURA DE LA PAG -->
</div>    

  <script type="text/javascript">

    $("#filtro").hide();
    
    $("#filtrar").click(function(){
      $("#filtro").toggle();
    });
    
    $("#libros").click(function(){
      if ($("#books_container").is(':visible'))
      {
      	$("#libros > span").removeClass('ui-icon ui-icon-circle-triangle-s');
		$("#libros > span").addClass('ui-icon ui-icon-circle-triangle-e');
        $("#books_container").slideUp('swing');
      }
      else
      {
      	$("#libros > span").removeClass('ui-icon ui-icon-circle-triangle-e');
		$("#libros > span").addClass('ui-icon ui-icon-circle-triangle-s');
        $("#books_container").slideDown('swing');
      }
    });
    
    $("#revistas").click(function(){
      if ($("#magazines_container").is(':visible'))
      {
      	$("#revistas > span").removeClass('ui-icon ui-icon-circle-triangle-s');
		$("#revistas > span").addClass('ui-icon ui-icon-circle-triangle-e');
        $("#magazines_container").slideUp('swing');
      }
      else
      {
      	$("#revistas > span").removeClass('ui-icon ui-icon-circle-triangle-e');
		$("#revistas > span").addClass('ui-icon ui-icon-circle-triangle-s');
        $("#magazines_container").slideDown('swing');
      }
    });
    
    $("#conferencias").click(function(){
      if ($("#conferences_container").is(':visible'))
      {
      	$("#conferencias > span").removeClass('ui-icon ui-icon-circle-triangle-s');
		$("#conferencias > span").addClass('ui-icon ui-icon-circle-triangle-e');
        $("#conferences_container").slideUp('swing');
      }
      else
      {
      	$("#conferencias > span").removeClass('ui-icon ui-icon-circle-triangle-e');
		$("#conferencias > span").addClass('ui-icon ui-icon-circle-triangle-s');
        $("#conferences_container").slideDown('swing');
      }
    });
    
    $("#tesis").click(function(){
      if ($("#tesis_container").is(':visible'))
      {
      	$("#tesis > span").removeClass('ui-icon ui-icon-circle-triangle-s');
		$("#tesis > span").addClass('ui-icon ui-icon-circle-triangle-e');
        $("#tesis_container").slideUp('swing');
      }
      else
      {
      	$("#tesis > span").removeClass('ui-icon ui-icon-circle-triangle-e');
		$("#tesis > span").addClass('ui-icon ui-icon-circle-triangle-s');
        $("#tesis_container").slideDown('swing');
      }
    });
    
    $("#papers").click(function(){
      if ($("#papers_container").is(':visible'))
      {
      	$("#papers > span").removeClass('ui-icon ui-icon-circle-triangle-s');
		$("#papers > span").addClass('ui-icon ui-icon-circle-triangle-e');
        $("#papers_container").slideUp('swing');
      }
      else
      {
      	$("#papers > span").removeClass('ui-icon ui-icon-circle-triangle-e');
		$("#papers > span").addClass('ui-icon ui-icon-circle-triangle-s');
        $("#papers_container").slideDown('swing');
      }
    });
    
    $("#reportes").click(function(){
      if ($("#reports_container").is(':visible'))
      {
      	$("#reportes > span").removeClass('ui-icon ui-icon-circle-triangle-s');
		$("#reportes > span").addClass('ui-icon ui-icon-circle-triangle-e');
        $("#reports_container").slideUp('swing');
      }
      else
      {
      	$("#reportes > span").removeClass('ui-icon ui-icon-circle-triangle-e');
		$("#reportes > span").addClass('ui-icon ui-icon-circle-triangle-s');
        $("#reports_container").slideDown('swing');
      }
    });
    (//un script jquery
		function ($) {
			jQuery.expr[':'].Contains = function(a,i,m){
				return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0;
			};
			//falta hacer que sea incensible a mayusculas y minusculas
			function filterList(header, list) {
				var form = $("<form>").attr({"class":"filterform","action":"#"}),input = $("<input/>").attr({"class":"filterinput ui-corner-all","type":"text"});
				$(form).append(input).appendTo(header);
				$(input).change( function () {
					var filter = $(this).val(); //obtiene el valor que puse en el input
						if(filter) {
							$matches = $("div.row:Contains("+filter+")"); //aca selecciono que coincide
							$('div.row', list).not($matches).slideUp(); //oculto las discrepancias
							$matches.slideDown(); //muestro las concidencias
						} else {
							$(list).find("div.row").slideDown(); //muestro todo
						}
					return false;
				}).keyup( function () {
					$(this).change();
					});
				}
			$(function () {
					filterList($("#form"), $("#info_pa_filtrar"));	
				});
		}(jQuery)
	);
  </script>
{% endblock %}